<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
<link href="lib/lib/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
	

<br><br><hr> 
<!-- 标准的按钮 -->
<button type="button" class="btn btn-default">btn-default默认按钮</button>

<!-- 提供额外的视觉效果，标识一组按钮中的原始动作 -->
<button type="button" class="btn btn-primary">btn-primary原始按钮</button>

<!-- 表示一个成功的或积极的动作 -->
<button type="button" class="btn btn-success">success成功按钮</button>

<!-- 信息警告消息的上下文按钮 -->
<button type="button" class="btn btn-info">btn-info信息按钮</button>

<!-- 表示应谨慎采取的动作 -->
<button type="button" class="btn btn-warning">btn-warning警告按钮</button>

<!-- 表示一个危险的或潜在的负面动作 -->
<button type="button" class="btn btn-danger">btn-danger危险按钮</button>


<!-- 并不强调是一个按钮，看起来像一个链接，但同时保持按钮的行为 -->
<button type="button" class="btn btn-link">btn-link链接按钮</button>



<br><hr> 
	<ol>
		<h4>样式：</h4>
			<li>默认按钮 (白) ===> btn-default</li>
			<li>原始按钮 (蓝) ===> btn-primary</li>
			<li>成功按钮（绿） ===> btn-success</li>
			<li>信息按钮（浅蓝） ===> btn-info</li>
			<li>警告按钮（黄） ===> btn-warning</li>
			<li>危险按钮（红） ===> btn-danger</li>
			<li>链接按钮（无） ===> btn-link</li>
	</ol>

	<ol>
		<h4>按钮大小：</h4>
			<li>特小按钮：btn-xs</li>
			<li>小的按钮：btn-sm</li>
			<li>大小默认的按钮：btn</li>
			<li>大的按钮：btn-lg</li>
	</ol>





	<p>
		<button type="button" class="btn btn-primary btn-lg">大的原始按钮</button>
		<button type="button" class="btn btn-default btn-lg">大的默认按钮</button>
	</p>

	<p>
		<button type="button" class="btn btn-primary">默认大小的原始按钮</button>
		<button type="button" class="btn btn-default">大小默认，样式默认的按钮</button>
	</p>
	
	<p>
		<button type="button" class="btn btn-primary btn-sm">样式原始，小按钮</button>
		<button type="button" class="btn btn-default btn-sm">样式默认，小按钮</button>
	</p>

	<p>
		<button type="button" class="btn btn-promary btn-xs">样式原始，特小按钮</button>
		<button type="button" class="btn btn-default btn-xs">样式默认，特小按钮</button>
	</p>

	<button type="button" class="btn btn-primary btn-lg btn-block">样式原始，大的块状按钮</button>
	
	<button type="button" class="btn btn-default btn-lg btn-block">样式默认，大的块状按钮</button>


<br><hr><br>

	
	<button type="button" class="btn btn-primary btn-lg active">大的、原始的、选中激活的按钮</button>










 <br><br><br><br>  <br><br><br><br>  <br><br><br><hr> 
<!-- 引入本地文件 bootstrap基于JQ上运行，需加载JQ文件-->
	<script src="lib/jquery/jquery-1.11.0.min.js"></script>
	<script src="lib/lib/js/bootstrap.min.js"></script>
</body>
</html>